<h4>{{ font }}</h4>
<div class="x-typography-list">
  <div class="x-typography-item">
    <h1>{{ firstText }}</h1>
    <p>
      <span>常规</span>
      <span class="x-typography-blod">粗体</span>
    </p>
  </div>
  <div class="x-typography-item">
    <h1>Aa</h1>
    <p>
      <span>Regular</span>
      <span class="x-typography-blod">Bold</span>
    </p>
  </div>
</div>
<p>{{ text }}</p>
<p>abcdefghijklmnopqrstuvwxyz</p>
<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
<p>1234567890.:,;'"(!?)+-*/=</p>
